﻿<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE html>
<html lang="zh">

<head>
<meta charset="utf-8">
<title>苋春-账户详情</title>
<!-- 以下代码告诉IE浏览器，IE8/9及以后的版本都会以最高版本IE来渲染页面 -->
<meta http-equiv="x-ua-compatible" content="ie=edge">
<!-- 以下代码告诉移动设备，将页面宽度视为移动设备的物理宽度 -->
<meta name="viewport" content="width=device-width, initial-scale=1">

<link rel="icon" href="img/favicon.png" />
<!-- <link rel="stylesheet" href="css/bootstrap.min.css" /> -->
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="css/font-awesome.min.css" />
<link rel="stylesheet" href="css/responsive.css">
<link rel="stylesheet" type="text/css" href="css/shop.css" />
<link rel="stylesheet" type="text/css" href="css/slider.css" />

<!-- bootstrap-v5.0.0-beta2 -->
<link rel="stylesheet" href="css/bootstrap2.min.css">
<!-- 模板样式 -->
<link rel="stylesheet" href="css/main.css">

<!-- 自定义样式 -->
<link rel="stylesheet" href="css/my.css">
     
<script src="lib/layui/layui.js" charset="utf-8"></script>
<script type="text/javascript" src="js/index2.js"></script>
        
</head>

<body>
	<!--页头-->
	<header class="buddy-header">
		<div class="top-bar">
			<div class="container">
				<div class="row">
					<div class="col-md-6 col-sm-6 col-xs-12">
						<ul class="n-menu">
							<li><a href="account?act=0"><i class="fa fa-user"></i>我的账户</a>

							</li>
						</ul>
					</div>
					<div class="col-md-6 col-sm-6 col-xs-12 text-center">
						<ul class="tp-right n-menu">
							<li class="first"><a href="login"><i
									class="fa fa-sign-in"></i>退出登录</a></li>
							<li>|</li>
							<li><a href="index"><i class="fa fa-sign-in"></i>返回首页</a></li>
						</ul>
					</div>
				</div>
			</div>
		</div>
	</header>
	<main class="main pages">

		<div class="page-content pt-5rate pb-50px">
			<div class="container">
				<div class="row">
					<div class="col-lg-10 m-auto">
						<div class="row">
							<div class="col-md-3">
								<div class="dashboard-menu">
									<ul class="nav flex-column" role="tablist">
										<li class="nav-item"><a class="nav-link active"
											id="dashboard-tab" data-bs-toggle="tab" href="#dashboard"
											role="tab" aria-controls="dashboard" aria-selected="false"><i
												class="fi-rs-settings-sliders mr-10"></i>我的</a></li>
										<li class="nav-item"><a class="nav-link" id="orders-tab"
											data-bs-toggle="tab" href="#orders" role="tab"
											aria-controls="orders" aria-selected="false"><i
												class="fi-rs-shopping-bag mr-10"></i>历史订单</a></li>
										<li class="nav-item"><a class="nav-link"
											id="track-orders-tab" data-bs-toggle="tab"
											href="#track-orders" role="tab" aria-controls="track-orders"
											aria-selected="false"><i
												class="fi-rs-shopping-cart-check mr-10"></i>查看评论</a></li>
										<li class="nav-item"><a class="nav-link"
											id="account-pwd-tab" data-bs-toggle="tab" href="#account-pwd"
											role="tab" aria-controls="account-pwd" aria-selected="true"><i
												class="fi-rs-shield mr-10"></i>修改密码</a></li>
	
									</ul>
								</div>
							</div>
							<div class="col-md-9">
								<div class="tab-content account dashboard-content pl-50 p1p1-20">
									<div class="tab-pane fade active show" id="dashboard"
										role="tabpanel" aria-labelledby="dashboard-tab">
										<div class="card">
											<div class="ac">
												<p>个人信息</p>
												<div class="card-body tou">
													<img src="img/comments/${img }" alt="">
													<form action="account?act=2" method="post"
														enctype="multipart/form-data">
														<input type="submit" value="修改头像"><br> <br>
														<input type="file" name="filepath" id="newimg"
															required="required" /> <br>
													</form>
												</div>

												<div class="card-body wen" id="grxx">
													<div class="wen">
														<h3>你好 ${uname }</h3>
													</div>

												</div>
												<div class="wen">
													<p>
														从您的帐户仪表板,您可以轻松检查和查看<a href="#">历史订单</a>和<br> 您 <a
															href="#">发布的评论</a> </a>, 以及修改您的<a href="#">密码</a>。</a>
													</p>
												</div>
											</div>
										</div>
									</div>
									<div class="tab-pane fade" id="orders" role="tabpanel"
										aria-labelledby="orders-tab">
										<div class="card">
											<div class="ac">
												<p>我的订单</p>
											</div>

											<div class="card-body">

												<div class="table-responsive"
													style="height: 400px; overflow-x: hidden">
													<table class="">
														<thead class="">
															<tr>
																<th scope="col">商品</th>
																<th scope="col">日期</th>
																<th scope="col">评论</th>
																<th scope="col">总额</th>
																<th scope="col">操作</th>
															</tr>
														</thead>
														<tbody id="order">
															<c:forEach items="${olist }" var="olist" varStatus="s">
																<tr>
																	<td>${olist.getOid() }</td>
																	<td>${olist.getPay_time() }</td>
																	<td>已完成</td>
																	<td>${olist.getPay_amount() }</td>
																	
																	<td>
																		<a title="查看" onclick="xadmin.open('编辑','order_show?oid=${olist.getOid() }')" href="javascript:;"> 查看</a>
																	</td>
																</tr>
															</c:forEach>
														</tbody>
													</table>
												</div>

											</div>
										</div>
									</div>
									<div class="tab-pane fade" id="track-orders" role="tabpanel"
										aria-labelledby="track-orders-tab">
										<div class="card">
											<div class="ac">
												<p>我的评论</p>
											</div>

											<div class="card-body">
												<c:forEach items="${clist }" var="clist" varStatus="s">
													<div class="ds-post-main">
														<div class="ds-avatar">
															<a title="评论日期" target="_blank" href="details?gid=${glist.get(s.index).getGid() }">
																<img alt="商品" src="img/shop/${glist.get(s.index).getPhoto() }">
															</a>
														</div>
														<div class="ds-comment-body">
															<p title="评论日期" target="_blank" class="user-name">${clist.getCtime() }</p>
															<p>${clist.getComment() }</p>

														</div>
													</div>
												</c:forEach>

											</div>
										</div>
									</div>

									<div class="tab-pane fade" id="account-pwd" role="tabpanel"
										aria-labelledby="account-pwd-tab">
										<div class="card">
											<div class="ac">
												<p>密码管理</p>
											</div>
											<div class="card-body">
												<form id="pwdform" name="enq" οnsubmit="reutrn false"
													action="##">
													<div class="row">
														<div class="form-group col-md-12">
															<label>当前密码 <span class="required">*</span></label> <input
																required="" class="form-control" id="oldpwd"
																type="password" required="required" />
														</div>
														<div class="form-group col-md-12">
															<label>新密码 <span class="required">*</span></label> <input
																required="" class="form-control" id="newpwd"
																type="password" required="required" />
														</div>
														<div class="form-group col-md-12">
															<label>确认密码 <span class="required">*</span></label> <input
																required="" class="form-control" id="repwd"
																type="password" required="required" />
														</div>
														<div class="col-md-12">
															<button type="button"
																class="btn btn-fill-out submit font-weight-bold"
																onclick="pwdEdit(1)" value="">保存修改</button>
														</div>
													</div>
												</form>
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</main>

	<!-- bootstrap-v5.0.0-beta2 -->
	<script src="js/bootstrap.bundle.min.js"></script>
	<script src="js/jquery-3.1.1.min.js"></script>

	<!-- 自定义js -->
	<script src="js/a.js"></script>
</body>

</html>